<template>
  <ul class="item-container clearfix">
    <TodoInfoItem  v-for="todoObj in todos" :key="todoObj.id" :todoObj="todoObj" ></TodoInfoItem>

  </ul>
</template>

<script>
import TodoInfoItem from "./TodoInfoItem.vue";
export default {
  name: "TodoInfoList",
  components: {
    TodoInfoItem,
  },
  props:['todos']
};
</script>

<style>
.clearfix::after{
  clear: both;
  display: block;
  height: 0;
  content: "";
}
.item-container {
  list-style: none;
  margin: 50px auto;
  width: 460px;
  border: 1px solid rgb(190, 193, 194);
  border-bottom: none;
}
</style>
